/**
 * Calendar App
 *
 * @author Raghu Nayyar
 * @author Georg Ehrke
 * @copyright 2016 Raghu Nayyar <hey@raghunayyar.com>
 * @copyright 2016 Georg Ehrke <oc.list@georgehrke.com>
 *
 * This library is free software; you can redistribute it and/or
 * modify it under the terms of the GNU AFFERO GENERAL PUBLIC LICENSE
 * License as published by the Free Software Foundation; either
 * version 3 of the License, or any later version.
 *
 * This library is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU AFFERO GENERAL PUBLIC LICENSE for more details.
 *
 * You should have received a copy of the GNU Affero General Public
 * License along with this library.  If not, see <http://www.gnu.org/licenses/>.
 *
 */

#datepicker .datepicker_current,
#app-navigation .togglebuttons,
#app-navigation .togglebuttons .btn-group {
	float: left;
}

#app-navigation .togglebuttons .button.active {
	background-color: rgba(255, 255, 255, .95);
	color: #111;
}

#app-navigation .togglebuttons .button.today:focus {
	background-color: rgba(240, 240, 240, .9);
}

#datepicker .pickerbody-hide {
	display: none;
}

#datepicker .datepicker_left,
#datepicker .datepicker_right {
	height: 34px;
	width: 35px;
	margin: 5px 0 0;
	font-weight: normal;
}

#datepicker table {
	display: inline-block;
	margin-left: 5px;
}

#datepicker table td button {
	margin: 0;
	font-weight: 300;
}

#datepicker thead {
	display: none;
}

#datepicker td button {
	min-height: 0;
}

#datepicker table thead tr {
	width: 100%;
}

#datepicker table thead .text-center {
	text-align: center;
}

#datepicker table tbody tr,
#datepicker table tbody tr:hover {
	background: transparent;
}

#datepicker table tbody button {
	margin: 0;
	padding: 6px 9px;
	background: transparent;
	cursor: pointer;
	border-radius: 0;
	border-top: 0;
	border-left: 0;
}

.highlight-today {
	border-radius: 50%;
	background-color: #e6e6e6;
}

#datepicker table tbody tr td button {
	border: none;
}

#datepicker table tbody button {
	max-width: 34px; /* Hack for Firefox for overflowing tables */
}

#datepicker table tbody button.active {
	border-radius: 50%;
	background-color: #0082c9;
	color: #fff;
	font-weight: bold;
}

#datepicker table tbody button span {
	cursor: pointer;
}

#datepicker .text-muted {
	color: #c7c7c7;
}

.highlight-weekend button {
	color: #aaa;
}

#app-navigation {
	padding-bottom: 0;
}

#app-navigation .datepicker-heading,
#app-navigation .togglebuttons {
	display: flex;
	margin: 0 5px;
	width: calc(100% - 10px);
}

#app-navigation .datepicker-heading .button {
	background-color: #fff;
	border: none;
	font-weight: normal;
}

#app-navigation .togglebuttons .button {
	font-weight: normal;
	padding: 8px;
	flex-grow: 1;
}

#app-navigation .datepicker-heading .button:hover,
#app-navigation .togglebuttons .button:hover,
#app-navigation .datepicker-heading .button.active,
#app-navigation .togglebuttons .button.active {
	z-index: 50; /* Force show border */
}

#app-navigation .datepicker-heading .button.first,
#app-navigation .togglebuttons .button.first {
	margin-right: -1px;
	border-radius: 3px 0 0 3px;
}

#app-navigation .datepicker-heading .button.middle,
#app-navigation .togglebuttons .button.middle {
	margin-left: 0;
	margin-right: 0;
	border-radius: 0;
}

#app-navigation .datepicker-heading .button.last,
#app-navigation .togglebuttons .button.last {
	margin-left: -1px;
	border-radius: 0 3px 3px 0;
}

#app-navigation .datepicker-heading .button.first,
#app-navigation .datepicker-heading .button.last {
	width: 35px;
}

#app-navigation .datepicker-heading .button.middle {
	width: calc(100% - 70px);
}

/* Overrides */

.glyphicon-chevron-left {
	background: url("../../img/leftarrow.svg") center center no-repeat;
}

.glyphicon-chevron-right {
	background: url("../../img/rightarrow.svg") center center no-repeat;
}

.glyphicon {
	display: block;
	height: 15px;
}
